<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

	<div id="content">

		<div id="pageTitle">
			<span class="titlePage">CAIXA</span>
		</div>

		<h:form>
			<p:growl id="messages" showDetail="true" />

			<p:toolbar styleClass="toolbarCaixa">
				<f:facet name="left">
					<p:commandButton type="button" value="Suprimento" icon="ui-icon-document" />
					<p:commandButton type="button" value="Retirada" icon="ui-icon-document" />
					<p:commandButton type="button" value="Cheques" icon="ui-icon-document" />
				</f:facet>
			</p:toolbar>
		</h:form>

		<div id="tableContents">
			<h:form id="formShowAlunos">
				<p:scrollPanel mode="native">
					<p:dataTable var="aluno" value="#{alunoBean.alunos}" rows="10"
						paginator="true" paginatorPosition="bottom"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						row="10" filteredValue="#{alunoBean.filteredAlunos}">

						<!-- Image -->

						<p:column filterBy="#{aluno.nome}" headerText="Nome"
							style="text-align:center" filterMatchMode="contains">
							<h:outputText value="#{aluno.nome}" />
						</p:column>

						<p:column filterBy="#{aluno.cpf}" headerText="CPF"
							style="text-align:center" filterMatchMode="contains">
							<h:outputText value="#{aluno.cpf}" />
						</p:column>

						<p:column filterBy="#{aluno.dataNascimento}"
							headerText="Nascimento" style="text-align:center"
							filterMatchMode="contains">
							<h:outputText value="#{aluno.dataNascimento}" />
						</p:column>

						<p:column filterBy="#{aluno.tel}" headerText="Telefone"
							style="text-align:center" filterMatchMode="contains">
							<h:outputText value="#{aluno.tel}" />
						</p:column>

						<p:column filterBy="#{aluno.vencimento.dia}"
							headerText="Dia de Pagamento" style="text-align:center"
							filterMatchMode="contains">
							<h:outputText value="#{aluno.vencimento.dia}" />
						</p:column>

						<p:column headerText="Serviços" filterMatchMode="contains">
							<h:outputText value="#{aluno.tel}" />
						</p:column>

					</p:dataTable>
				</p:scrollPanel>
			</h:form>
		</div>
	</div>

</ui:composition>